import { defineComponent } from 'vue';
import { Dialog, Cell } from 'vant';
import './index.less';

export default defineComponent({
  name: 'Gift',
  props: ['show', 'name', 'content', 'number', 'src'],
  emits: ["fatherMakeSure"],
  setup(props: any, { emit }) {
    const childMakeSure = () => {
      emit('fatherMakeSure', false);
    };
    return () => (
      <Dialog show={props.show} title="">
        <div class={`lxp_gift`}>
          <img src={props.src} alt="" class={`gift_img`} />
          <div class={`gift_name text_center`}>{props.name}</div>
          <div class={`gift_content text_center`}>{props.content}</div>
          
          <div class={`lxp_flex_center gift_sure`} onClick={childMakeSure}>
            <span>确定</span>
          </div>
        </div>
      </Dialog>
    );
  }
});
